<template>
	<div class="chatgpt-item-header">
		<svg-icon icon-class="tick-blue" class="tick-svg"></svg-icon>
		<div class="chatgpt-item-tip ellipsis">
			{{text}}
		</div>
	</div>
</template>

<script>
export default {
	name: 'ChatgptItemHeader',
	props: {
		text: String
	},
	data() {
		return {
		}
	}
}
</script>

<style lang="scss" scoped>
.chatgpt-item-header{
	line-height: 1;
	display: flex;
	flex-wrap: nowrap;
	white-space: nowrap;
	align-items: center;
	margin-bottom: 10px;
	.tick-svg{
		width: 12px !important;
		height: 12px !important;
		flex-shrink: 0;
	}
	.chatgpt-item-tip{
		color: #464646;
		margin-left: 4px;
		max-width: 305px;
	}
}
</style>